*{padding: 0;margin: 0;}
body{
	overflow-y: hidden;
}
.title{
	width:100%;
	height:115px;
	background-image: url(../img/title_bg.png);
	float:left;
	position: absolute;
	top: 0;
}
.title_img{
	width:200px;
	height:100%;
	background-repeat:no-repeat;
	background-image: url(../img/title_hw.png);
	position: absolute;
	top:-2%;
	left:3%;
}
.title a{
	float: right;
	margin-top:5px;
	margin-right:50px;
    margin-left:10px;
	font-size:1.1em;
	color:#fff;
	text-decoration: none;
}
.welcome{
	float:left;
	margin-top:40px;
	margin-left:700px;
	font-size:1.1em;
	color:#fff;
}
.title a:hover{
	color:#D6D6D6;
}
.title h1{
	font-size:1.7em;
	text-shadow:5px 5px 5px #A0A0A0;
	color:#fff;
	position: absolute;
	left:15%;
	top:18%;
}
.title small{
	font-size:1em;
	color:#BFBFBF;
	position: absolute;
	left:15.2%;
	bottom:18%;
}
.container_first{
	width:20%;
	height:83.5%;
	border-right: 1px solid #C4C4C4;
	float:left;
	position: absolute;
	top:115px;
}
.container_second{
	width:77%;
	height:600px;
	float: right;
	position: absolute;
	top:115px;
	right:0%;
}
.container_second h1{
	font-size:2.3em;
}
.container_second span{
	font-weight: 900;
	color:#6D6D6D;
}
.form2{
	float:right;
	margin-right:45%;
	margin-top:-320px;
}
.form3{
	position: absolute;
	top:0%;
	right:15%;
}
.student_img{
	width:100px;
	height:130px;
	border:1px solid #BCBCBC;
}
.label{
	float: left;
}
#input{
	width:250px;
}
.detail-table{
	width:90%;
	height:269px;
	margin-top: 10px;
	overflow: hidden;
}
.results-table{
	width:30%;
	height:270px;
	border: 1px solid #B7B7B7;
	border-radius:5px;
	margin-top:10px;
    overflow: auto;
}
.re-form2{
	width:50%;
	position: absolute;
	top:10%;
	right:5%;
}
#re-table{
	width:90%;
	height:20%;
	border:1px solid #B7B7B7;	
}
.table-input{
	width:30px;
}
.alert{
	width:90%;
	height:100px;	
	border: 1px solid #CC9853;
	background-color:#F8E5C3;
	color:#CC9853;
}
.activity-table{
	width:90%;
	height:270px;
	border: 1px solid #B7B7B7;
	border-radius:5px;
	margin-top:10px;
    overflow: auto;
}
#text{
	width:50%;
	height:55%;
}